import React from 'react';
import { axconst } from '@/shared/axconst';
import { AxStandardWideList } from '@/components/AxList/AxStandardWideList';

const Index: React.FC<any> = props => {
  /** 配置列 */
  const columns = [
    {
      title: '申请信息',
      dataIndex: 'orgName0',
      filters: [
        {
          text: 'Joe',
          value: 'Joe',
        },
        {
          text: 'Jim',
          value: 'Jim',
        },
        {
          text: 'Submenu',
          value: 'Submenu',
          children: [
            {
              text: 'Green',
              value: 'Green',
            },
            {
              text: 'Black',
              value: 'Black',
            },
          ],
        },
      ],
      sorter: true,
      width: axconst.width.long,
    },
    {
      title: '经费本编号',
      dataIndex: 'orgName1',
      width: axconst.width.long,
    },
    {
      title: '经费类型',
      dataIndex: 'orgName5',
      width: axconst.width.fouronly,
    },
    {
      title: '申请金额',
      dataIndex: 'orgName2',
      width: axconst.width.fouronly,
    },
    {
      title: '申请时间',
      dataIndex: 'orgName3',
      width: axconst.width.time,
    },
    {
      title: '状态',
      dataIndex: 'orgName4',
      width: axconst.width.two,
    },
  ];

  const data = {
    list: [
      {
        id: 0,
        orgName0: '申请【探月工程】经费',
        orgName1: 'S32346',
        orgName2: '200000',
        orgName3: '2020-01-02 11:00:00',
        orgName4: '审核中',
        orgName5: '科研经费',
      },
      {
        id: 1,
        orgName0: '申请【探火工程】经费',
        orgName1: 'S32347',
        orgName2: '300000',
        orgName3: '2020-01-03 11:00:00',
        orgName4: '已通过',
        orgName5: '科研经费',
      },
    ],
  };

  return (
    <>
      <AxStandardWideList
        columns={columns}
        data={data}
      />
    </>
  );
};

export default Index;
